<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2017/9/22
  Time: 23:04
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>左侧菜单栏</title>
</head>

<style>

    html,body{
        font-size: 20px;
        font-family: Andalus;
    }

    #top{
        width: 100%;
        height: 50px;
        background-color: blue;
    }

    #left{

        background-color: background-color: rgb(241,240,245);
        width: 200px;
        margin-left: 30px;
        float: left;
        margin-top: 20px;
    }

    .right{
        float: left;
        background-color: rgb(51,152,204);
        width:80%;
        margin-top: 20px;
        margin-left: 5px;

    }
    a{
       text-decoration: none;
        color: black;
    }

    a:hover{

        color: red;
    }

</style>
<body>

<div id="left">

   <div id="top">

   </div>
    <ul>
        <li><a href="/my_info">我的信息</a></li>
        <li><a href="/my_question">我的试卷</a></li>
        <li><a href="/my_grade">我的成绩</a></li>
    </ul>
</div>
</body>
</html>
